<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>茶</title>
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" href="css/column.css">
</head>
<body>

<header id="header">
	<div class="center">
		<nav class="link">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="information.html">资讯</a></li>
				<li class="active"><a href="scenery.html">欣赏</a></li>
				<li><a href="about.html">简介</a></li>
			</ul>
		</nav>
	</div>
</header>

<div id="headline">
	<div class="center">
		<hgroup>
			<h2>资讯</h2>
			<h3>介绍各种茶叶等</h3>	
		</hgroup>
	</div>
</div>

<div id="container">
	<aside class="sidebar">
		<div class="sidebox recommend">
			<h2>推荐</h2>
			<div class="tag">
				<ul>
					<li><a href="###">xx(12)</a></li>
					<li><a href="###">xx(5)</a></li>
					<li><a href="###">xx(8)</a></li>
					<li><a href="###">xx(16)</a></li>
					<li><a href="###">xx(4)</a></li>
					<li><a href="###">xx(9)</a></li>
					<li><a href="###">xx(15)</a></li>
				</ul>
			</div>
		</div>
		<div class="sidebox treasure">
			<h2>百宝箱</h2>
			<div class="box">
				<a href="###" class="trea1">淘宝</a>
				<a href="###" class="trea2">xxxx</a>
				<a href="###" class="trea3">xxxx</a>
				<a href="###" class="trea4">xxxx</a>			
			</div>
		</div>
	</aside>
	<div class="list scenery">
		<section>
			<h2>欣赏</h2>
			<figure>
				<img src="img/s1.jpg" alt="">
				<figcaption>xxxxxxxxx</figcaption>
			</figure>
			<figure>
				<img src="img/s2.jpg" alt="">
				<figcaption>xxxxxxxxxx</figcaption>
			</figure>
			<figure>
				<img src="img/s3.jpg" alt="">
				<figcaption>xxxxxxxxxx</figcaption>
			</figure>
			<figure>
				<img src="img/s4.jpg" alt="">
				<figcaption>xxxxxxxxxx</figcaption>
			</figure>
		</section>
		<div class="more">加载更多...</div>
	</div>
</div>

<footer id="footer">
	<div class="top">
		<div class="block left">
			<h2>合作伙伴</h2>
			<hr>
			<ul>
				<li>xxxx</li>
				<li>xxx</li>
				<li>xxx</li>
				<li>xxxx</li>
			</ul>
		</div>
		<div class="block center">
			<h2>FAQ</h2>
			<hr>
			<ul>
				<li>xxxxxxxxxxx</li>
				<li>xxxxxxxxxxx</li>
				<li>xxxxxxxxxxx</li>
				<li>xxxxxxxxxxx</li>
				<li>xxxxxxxxxxx</li>
			</ul>
		</div>
		<div class="block right">
			<h2>联系方式</h2>
			<hr>
			<ul>
				<li>微博：weibo.com/abc</li>
				<li>邮件：abc@qq.com</li>
				<li>地址：</li>
			</ul>
		</div>
	</div>
	<div class="bottom">
		Copyright © 
	</div>
</footer>

</body>
</html>